
/*引入混合函数*/
@import "mixins.less";
/*引入全局变量*/
@import "varibles.less";

// 主体
#history-section{
    padding: 50px 0.1rem 0.5rem 0.1rem;
    .max-width() ;
     p{
         font-size: 0.14rem;
     }
    .box{
        display: flex;
        justify-content: space-around;
        padding: 0.05rem 0.04rem;
        position: relative;
       &::after{
            content: "";
            display: block;
            width: 0.1rem;
            height: 0.1rem;
            
            transform: skew(-34deg,34deg);
            background-color:#f4f4f4;
            position: absolute;
            top:0.2rem;
            left: 0.45rem;
        }
        .line{
            width: 1px;
            height: 1rem;
            background-color: #cccccc;
            position: absolute;
            top:0.3rem;
            left:0.15rem;
        }
        .img-box{
            background-color: #1ab2db;
            border-radius: 50%;
            width: 0.25rem;
            height: 0.25rem;
            margin-right: 0.2rem;
            .imgs{
                height: 100%;
                background: url("../images/icon/sprites.png") no-repeat -3.39rem -1.26rem;
                background-size: 3.75rem 4.75rem;
            }
        }
        
        .box-show{
            width: 88%;
            padding: 0.1rem;
            background-color:#f4f4f4;
            border-radius: 0.04rem;
            display: flex;
            justify-content: space-around;
            div:first-child{
                color: #7e7e7e;
                width: 70%;
                 p {
                    font-size: 0.13rem;
                    line-height: 0.2rem;
                    span{
                        color: #f88412;
                        font-size: 0.13rem;
                    }
                }
                p:last-child{
                    font-size: 0.1rem;
                }
            }
            div:last-child{
                width: 1rem;
               padding-left: 0.1rem;
                img{
                   width: 100%;
                   display: block;
                   border-radius: 0.05rem;
                   
               }
            }
        }
    }
}
//底部
footer.tabbar{
    a:nth-child(3) {
     color:blue;
    }
}